// ---自定义 element-plus var变量值 开始
html:root {
	--el-font-size-large: 18px;
	--el-font-size-large-min: 17px;
	--el-font-size-default: 16px;
	--el-font-size-default-min: 15px;
	--el-font-size-small: 14px;
	--el-font-size-small-min: 13px;
	--el-font-size-extra-small: 14px;
	--el-form-label-font-size: 18px;
	--el-component-size: 30px;
	--el-component-size-small: 26px;
	--el-card-padding: 10px;

	.el-card {
		--el-card-border-color: var(--el-border-color-light);
		--el-card-border-radius: 4px;
		--el-card-padding: 15px;
		--el-card-bg-color: var(--el-fill-color-blank);
	}
	.el-empty__description p {
		font-size: 16px !important;
	}

	// 时间选择器
	.el-range-editor--large {
		.el-range-input {
			font-size: var(--el-font-size-large);
			height: 34px;
			line-height: 34px;
		}
		.el-range-separator {
			font-size: var(--el-font-size-large);
			height: 34px;
			line-height: 34px;
		}
		.el-icon {
			font-size: var(--el-font-size-large);
		}
	}

	.el-range-editor--default {
		.el-range-input {
			font-size: var(--el-font-size-default);
			height: 30px;
			line-height: 30px;
		}
		.el-range-separator {
			font-size: var(--el-font-size-default);
			height: 30px;
			line-height: 30px;
		}
		.el-icon {
			font-size: var(--el-font-size-default);
		}
	}

	.el-range-editor--small {
		.el-range-input {
			font-size: var(--el-font-size-small);
			height: 26px;
			line-height: 26px;
		}
		.el-range-separator {
			font-size: var(--el-font-size-small);
			height: 26px;
			line-height: 26px;
		}
		.el-icon {
			font-size: var(--el-font-size-small);
		}
	}
	.el-image {
		float: none;
	}
	.el-icon {
		float: none;
	}
	.el-input--large {
		font-size: var(--el-font-size-large);
		.el-input__count-inner {
			font-size: var(--el-font-size-large-min);
		}
		.el-input__inner {
			height: 38px;
			line-height: 38px;
		}
		.el-input__wrapper {
			padding: 0px 10px;
		}
	}
	.el-input--default {
		font-size: var(--el-font-size-default);
		.el-input__count-inner {
			font-size: var(--el-font-size-default-min);
		}
		.el-input__inner {
			height: 34px;
			line-height: 34px;
		}
		.el-input__wrapper {
			padding: 0px 10px;
		}
	}
	.el-input--small {
		font-size: var(--el-font-size-small);
		.el-input__count-inner {
			font-size: var(--el-font-size-small-min);
		}
		.el-input__inner {
			height: 30px;
			line-height: 30px;
		}
		.el-input__wrapper {
			padding: 0px 10px;
		}
	}

	.el-input-number--large {
		font-size: var(--el-font-size-large);
		.el-input__count-inner {
			font-size: var(--el-font-size-large-min);
		}
		.el-input__inner {
			height: 38px;
			line-height: 38px;
		}
		.el-input__wrapper {
			padding: 0px 10px;
		}
	}

	.el-input-number--default {
		font-size: var(--el-font-size-default);
		.el-input__count-inner {
			font-size: var(--el-font-size-default-min);
		}
		.el-input__inner {
			height: 34px;
			line-height: 34px;
		}
		.el-input__wrapper {
			padding: 0px 10px;
		}
	}

	.el-input-number--small {
		font-size: var(--el-font-size-small);
		.el-input__count-inner {
			font-size: var(--el-font-size-small-min);
		}
		.el-input__inner {
			height: 30px;
			line-height: 30px;
		}
		.el-input__wrapper {
			padding: 0px 10px;
		}
	}

	.el-radio-group {
		.el-radio--large {
			.el-radio__inner {
				width: 18px;
				height: 18px;
			}
			.el-radio__label {
				font-size: 18px;
			}
		}
		.el-radio--default {
			.el-radio__inner {
				width: 16px;
				height: 16px;
			}
			.el-radio__label {
				font-size: 16px;
			}
		}
		.el-radio--small {
			.el-radio__inner {
				width: 14px;
				height: 14px;
			}
			.el-radio__label {
				font-size: 14px;
			}
		}
	}

	.el-checkbox-group {
		.el-checkbox--large {
			.el-checkbox__label {
				font-size: 18px;
			}
			.el-checkbox__inner {
				width: 18px;
				height: 18px;
			}
			.el-checkbox__inner::after {
				left: 6px;
				top: 2px;
			}
		}
		.el-checkbox--default {
			.el-checkbox__label {
				font-size: 16px;
			}
			.el-checkbox__inner {
				width: 16px;
				height: 16px;
			}
			.el-checkbox__inner::after {
				left: 5px;
				top: 1px;
			}
		}
		.el-checkbox--small {
			.el-checkbox__label {
				font-size: 14px;
			}
			.el-checkbox__inner {
				width: 14px;
				height: 14px;
			}
			.el-checkbox__inner::after {
				left: 4px;
				top: 1px;
			}
		}
	}

	.el-button--large {
		font-size: var(--el-font-size-large);
		height: 38px;
		padding: 0 12px !important;
		.is-round {
			padding: none;
		}
	}
	.el-button--default {
		font-size: var(--el-font-size-default);
		height: 34px;
		padding: 0 12px !important;
		.is-round {
			padding: none;
		}
	}
	.el-button--small {
		font-size: var(--el-font-size-small);
		height: 30px;
		padding: 0 12px !important;
		.is-round {
			padding: none;
		}
	}

	.el-input {
		.el-input-group__append {
			padding: 0 10px;
		}
		.el-input-group__append {
			.el-select {
				margin: 0 -10px;
			}
		}
	}

	.el-form {
		.el-form-item--large {
			--font-size: 18px;
			--el-form-label-font-size: var(--font-size);
			margin-bottom: 20px;
			.el-form-item__label {
				height: 38px;
				line-height: 38px;
			}
			.el-form-item__content {
				line-height: 38px !important;
				padding: 0;
				.el-date-editor.el-input__wrapper {
					width: 260px;
				}
			}
		}
		.el-form-item--default {
			--font-size: 16px;
			--el-form-label-font-size: var(--font-size);
			margin-bottom: 16;
			.el-form-item__label {
				height: 34px;
				line-height: 34px;
			}
			.el-form-item__content {
				line-height: 34px !important;
				.el-date-editor.el-input__wrapper {
					width: 237px;
				}
			}
		}
		.el-form-item--small {
			--font-size: 14px;
			--el-form-label-font-size: var(--font-size);
			margin-bottom: 12px;
			.el-form-item__label {
				height: 30px;
				line-height: 30px;
			}
			.el-form-item__content {
				line-height: 30px !important;
				.el-date-editor.el-input__wrapper {
					width: 212px;
				}
			}
		}
	}

	// table 表单样式重写 start
	.el-table th {
		background-color: var(--el-color-primary-light-8); /* 你想要的颜色 */
		text-align: center;
		vertical-align: middle;
	}
	.el-table td {
		text-align: center;
		vertical-align: middle;
		.cell {
			padding: 0 2px;
		}
		.el-button--large,
		.el-button--default,
		.el-button--small {
			height: 23px;
		}
	}
	.el-table tr {
		.el-table__cell {
			padding: 10px 0px;
			.cell {
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}
	.el-table {
		--el-table-header-text-color: var(--el-text-color-primary);
		--el-table-text-color: var(--el-text-color-primary);
	}
	.el-table--large {
		font-size: 18px;
	}
	.el-table--default {
		font-size: 16px;
	}
	.el-table--small {
		font-size: 14px;
	}

	.el-radio-group {
		.el-radio-button--large {
			.el-radio-button__inner {
				font-size: var(--el-font-size-large);
				padding: 7px 14px;
			}
		}
		.el-radio-button--default {
			.el-radio-button__inner {
				font-size: var(--el-font-size-default);
				padding: 6px 12px;
			}
		}
		.el-radio-button--small {
			.el-radio-button__inner {
				font-size: var(--el-font-size-small);
				padding: 5px 10px;
			}
		}
	}

	// 首页搜索框以及tab切换修改样式 start
	.homeQueryBox {
		.el-radio-group {
			.el-radio-button--large {
				.el-radio-button__inner {
					font-size: var(--el-font-size-large);
					padding: 7px 14px;
				}
			}
			.el-radio-button--default {
				.el-radio-button__inner {
					font-size: var(--el-font-size-default);
					padding: 6px 12px;
				}
			}
			.el-radio-button--small {
				.el-radio-button__inner {
					font-size: var(--el-font-size-small);
					padding: 5px 10px;
				}
			}
		}
		.el-range-editor--large.el-input__wrapper {
			--el-component-size-large: 34px;
		}
		// 时间选择器
		.el-range-editor--large {
			.el-range-input {
				font-size: var(--el-font-size-large);
				height: 34px;
				line-height: 34px;
			}
			.el-range-separator {
				font-size: var(--el-font-size-large);
				height: 34px;
				line-height: 34px;
			}
			.el-icon {
				font-size: var(--el-font-size-large);
			}
		}
		.el-range-editor--default {
			.el-range-input {
				font-size: var(--el-font-size-default);
				height: 30px;
				line-height: 30px;
			}
			.el-range-separator {
				font-size: var(--el-font-size-default);
				height: 30px;
				line-height: 30px;
			}
			.el-icon {
				font-size: var(--el-font-size-default);
			}
		}
		.el-range-editor--small {
			.el-range-input {
				font-size: var(--el-font-size-small);
				height: 26px;
				line-height: 26px;
			}
			.el-range-separator {
				font-size: var(--el-font-size-small);
				height: 26px;
				line-height: 26px;
			}
			.el-icon {
				font-size: var(--el-font-size-small);
			}
		}
		// 下拉选择框
		// input 框字体
		.el-input--large {
			font-size: var(--el-font-size-large);
			.el-input__count-inner {
				font-size: var(--el-font-size-large-min);
			}
			.el-input__inner {
				height: 34px;
				line-height: 34px;
			}
			.el-input__wrapper {
				padding: 0px 10px;
			}
		}
		.el-input--default {
			font-size: var(--el-font-size-default);
			.el-input__count-inner {
				font-size: var(--el-font-size-default-min);
			}
			.el-input__inner {
				height: 30px;
				line-height: 30px;
			}
			.el-input__wrapper {
				padding: 0px 10px;
			}
		}
		.el-input--small {
			font-size: var(--el-font-size-small);
			.el-input__count-inner {
				font-size: var(--el-font-size-small-min);
			}
			.el-input__inner {
				height: 26px;
				line-height: 26px;
			}
			.el-input__wrapper {
				padding: 0px 10px;
			}
		}
	}
	// 首页搜索框以及tab切换修改样式 end

	// 所有界面查询条件样式修改 start
	.pageQueryBoxArea {
		.el-card__body {
			padding: 15px;
			padding-bottom: 0;
		}
		.el-form--inline {
			.el-form-item {
				margin-right: 10px !important;
			}
			.el-form-item:last-of-type {
				margin-bottom: 15px !important;
				margin-right: 0px !important;
			}
		}
		.el-form {
			.el-form-item--large {
				--font-size: 18px;
				margin-bottom: 15px;
				.el-form-item__label {
					height: 38px;
					line-height: 38px;
					width: 103px;
				}
				.el-form-item__content {
					height: 38px;
					line-height: 38px !important;
					padding: 0;
					.el-input--large {
						font-size: var(--el-font-size-large);
					}
					.el-input {
						width: 250px;
						height: 38px;
						line-height: 38px;
						.el-input-group__prepend {
							.el-select {
								.el-input {
									width: 110px;
									height: 38px;
									height: 38px;
								}
							}
						}
					}
					.el-select {
						.el-input {
							width: 250px;
							height: 38px;
							line-height: 38px;
						}
					}
					.el-date-editor {
						width: 250px;
						height: 38px;
						line-height: 38px;
					}
					.rangeBox {
						width: 250px;
						height: 38px;
						line-height: 38px;
						.el-input {
							width: initial;
						}
					}
					// 时间选择器
					.el-range-editor--large {
						height: 38px;
						line-height: 38px;
						.el-range-input {
							font-size: var(--el-font-size-large);
						}
						.el-range-separator {
							font-size: var(--el-font-size-large);
						}
						.el-icon {
							font-size: var(--el-font-size-large);
						}
					}
					.el-button--large {
						height: 38px;
						min-width: 80px;
						.el-icon {
							font-size: var(--el-font-size-large);
						}
					}
				}
			}
			.el-form-item--default {
				--el-font-size-base: 16px;
				--font-size: 16px;
				margin-bottom: 15px;
				.el-form-item__label {
					height: 34px;
					line-height: 34px;
					width: 93px;
				}
				.el-form-item__content {
					padding: 0;
					height: 34px;
					line-height: 34px !important;
					.el-input--default {
						font-size: var(--el-font-size-default);
					}
					.el-input {
						width: 235px;
						height: 34px;
						line-height: 34px;
					}
					.el-select {
						.el-input {
							width: 235px;
							height: 34px;
							line-height: 34px;
						}
					}
					.el-date-editor {
						width: 235px;
						height: 34px;
						line-height: 34px;
					}
					.rangeBox {
						width: 235px;
						.el-input-number--default .el-input__inner {
							height: 34px;
							line-height: 34px;
						}
						.el-input {
							width: initial;
						}
					}
					// 时间选择器
					.el-range-editor--default {
						.el-range-input {
							font-size: var(--el-font-size-default);
						}
						.el-range-separator {
							font-size: var(--el-font-size-default);
						}
						.el-icon {
							font-size: var(--el-font-size-default);
						}
					}
					.el-button--default {
						height: 34px;
						min-width: 80px;
						.el-icon {
							font-size: var(--el-font-size-default);
						}
					}
				}
			}
			.el-form-item--small {
				--font-size: 14px;
				margin-bottom: 15px;
				.el-form-item__label {
					height: 30px;
					line-height: 30px;
					width: 83px;
				}
				.el-form-item__content {
					padding: 0;
					height: 30px;
					line-height: 30px !important;
					.el-input--small {
						font-size: var(--el-font-size-small);
					}
					.el-input {
						width: 220px;
						height: 30px;
						line-height: 30px;
					}
					.el-select {
						.el-input {
							width: 220px;
							height: 30px;
							line-height: 30px;
						}
					}
					.el-date-editor {
						width: 220px;
						height: 30px;
						line-height: 30px;
					}
					.rangeBox {
						width: 220px;
						.el-input-number--small .el-input__inner {
							height: 30px;
							line-height: 30px;
						}
						.el-input {
							width: initial;
						}
					}
					// 时间选择器
					.el-range-editor--small {
						.el-range-input {
							font-size: var(--el-font-size-small);
						}
						.el-range-separator {
							font-size: var(--el-font-size-small);
						}
						.el-icon {
							font-size: var(--el-font-size-small);
						}
					}
					.el-button--small {
						height: 30px;
						min-width: 80px;
						.el-icon {
							font-size: var(--el-font-size-small);
						}
					}
				}
			}
		}
	}
	// 所有界面查询条件样式修改  end
	// =====================================Large
	.global-parent-large-font {
		#app {
			font-size: var(--el-font-size-large);
		}

		.el-message {
			.el-message__content {
				font-size: var(--el-font-size-large);
			}
		}
		.el-menu-item {
			font-size:var(--el-font-size-large) .iconfont {
				font-size: var(--el-font-size-large);
			}
		}
		.el-alert__content {
			padding: 0;
			.el-alert__title {
				font-size: var(--el-font-size-large);
				line-height: 20px;
			}
		}
		.el-tag {
			font-size: 16px;
		}
		.el-tabs {
			.el-tabs__header {
				.el-tabs__nav {
					.el-tabs__item {
						font-size: var(--el-font-size-large) !important;
					}
				}
			}
		}
		.el-popper {
			.el-picker-panel__sidebar {
				.el-picker-panel__shortcut {
					font-size: var(--el-font-size-large-min);
				}
			}
			.el-date-range-picker__header div {
				font-size: var(--el-font-size-large-min);
			}
			.el-picker-panel__content {
				font-size: var(--el-font-size-large-min);
			}
			.el-icon {
				font-size: var(--el-font-size-large-min);
			}
			.el-date-table {
				font-size: var(--el-font-size-large-min);
			}
		}
		.el-select-dropdown {
			.el-select-dropdown__item {
				font-size: var(--el-font-size-large-min);
			}
		}

		.el-step {
			.el-step__title {
				font-size: var(--el-font-size-large-min);
			}
		}

		.shiseqi {
			.el-color-picker--large {
				height: 34px;
			}
			.el-color-picker__trigger {
				width: 110px;
				height: 34px;
				padding: 2px;
				// .is-icon-arrow-down{
				// 	display:none
				// }
			}
		}

		.el-message-box__message {
			font-size: var(--el-font-size-large-min);
		}

		// 分页 重写
		.el-pagination {
			--el-pagination-font-size: 18px;
			--el-pagination-button-width: 30px;
			--el-pagination-button-height: 30px;
			.el-input {
				font-size: 17px;
			}
			.el-icon {
				font-size: 17px;
			}
		}
		.el-dropdown__list {
			--el-font-size-base: 17px;
			.el-dropdown-menu {
				.el-dropdown-menu__item {
					font-size: var(--el-font-size-large-min) !important;
				}
			}
		}
		.el-cascader-panel {
			font-size: var(--el-font-size-large-min);
		}
	}
	// ===================================== default
	.global-parent-default-font {
		#app {
			font-size: var(--el-font-size-default);
		}
		.el-message {
			.el-message__content {
				font-size: var(--el-font-size-default);
			}
		}
		.el-menu-item {
			font-size:var(--el-font-size-default) .iconfont {
				font-size: var(--el-font-size-default);
			}
		}
		.el-alert__content {
			padding: 0;
			.el-alert__title {
				font-size: var(--el-font-size-default);
			}
		}
		.el-tag {
			font-size: 14px;
		}
		.el-tabs {
			.el-tabs__header {
				.el-tabs__nav {
					.el-tabs__item {
						font-size: var(--el-font-size-default) !important;
					}
				}
			}
		}
		.el-popper {
			.el-picker-panel__sidebar {
				.el-picker-panel__shortcut {
					font-size: var(--el-font-size-default-min);
				}
			}
			.el-date-range-picker__header div {
				font-size: var(--el-font-size-default-min);
			}
			.el-picker-panel__content {
				font-size: var(--el-font-size-default-min);
			}
			.el-icon {
				font-size: var(--el-font-size-default-min);
			}
			.el-date-table {
				font-size: var(--el-font-size-default-min);
			}
		}
		.el-select-dropdown {
			.el-select-dropdown__item {
				font-size: var(--el-font-size-default-min);
			}
		}

		.el-step {
			.el-step__title {
				font-size: var(--el-font-size-default-min);
			}
		}
		// 详情拾色器

		.shiseqi {
			.el-color-picker--default {
				height: 30px;
			}
			.el-color-picker__trigger {
				width: 110px;
				height: 30px;
				padding: 2px;
				// .is-icon-arrow-down{
				// 	display:none
				// }
			}
		}

		// 系统弹出框
		.el-message-box__message {
			font-size: var(--el-font-size-default-min);
		}
		// 分页 重写
		.el-pagination {
			--el-pagination-font-size: 16px;
			--el-pagination-button-width: 28px;
			--el-pagination-button-height: 28px;
			.el-input {
				font-size: 15px;
			}
			.el-icon {
				font-size: 15px;
			}
		}
		.el-dropdown__list {
			--el-font-size-base: 15px;
			.el-dropdown-menu {
				.el-dropdown-menu__item {
					font-size: var(--el-font-size-default-min);
				}
			}
		}
		.el-cascader-panel {
			font-size: var(--el-font-size-default-min);
		}
	}
	// ===================================== small
	.global-parent-small-font {
		#app {
			font-size: var(--el-font-size-small);
		}
		.el-message {
			.el-message__content {
				font-size: var(--el-font-size-small);
			}
		}
		.el-menu-item {
			font-size:var(--el-font-size-small) .iconfont {
				font-size: var(--el-font-size-small);
			}
		}
		.el-alert__content {
			padding: 0;
			.el-alert__title {
				font-size: var(--el-font-size-small);
			}
		}
		.el-tag {
			font-size: 12px;
		}
		.el-tabs {
			.el-tabs__header {
				.el-tabs__nav {
					.el-tabs__item {
						font-size: var(--el-font-size-small) !important;
					}
				}
			}
		}
		.el-popper {
			.el-picker-panel__sidebar {
				.el-picker-panel__shortcut {
					font-size: var(--el-font-size-small-min);
				}
			}
			.el-date-range-picker__header div {
				font-size: var(--el-font-size-small-min);
			}
			.el-picker-panel__content {
				font-size: var(--el-font-size-small-min);
			}
			.el-icon {
				font-size: var(--el-font-size-small-min);
			}
			.el-date-table {
				font-size: var(--el-font-size-small-min);
			}
		}
		.el-select-dropdown {
			.el-select-dropdown__item {
				font-size: var(--el-font-size-small-min);
			}
		}

		.el-step {
			.el-step__title {
				font-size: var(--el-font-size-small-min);
			}
		}
		// 详情拾色器
		.shiseqi {
			.el-color-picker--small {
				height: 26px;
			}
			.el-color-picker__trigger {
				width: 110px;
				height: 26px;
				padding: 2px;
				// .is-icon-arrow-down{
				// 	display:none
				// }
			}
		}

		// 系统弹出框
		.el-message-box__message {
			font-size: var(--el-font-size-small-min);
		}

		// 分页 重写
		.el-pagination {
			--el-pagination-font-size: 14px;
			--el-pagination-button-width: 26px;
			--el-pagination-button-height: 26px;
			.el-input {
				font-size: 13px;
			}
			.el-icon {
				font-size: 13px;
			}
		}
		.el-dropdown__list {
			--el-font-size-base: 13px;
			.el-dropdown-menu {
				.el-dropdown-menu__item {
					font-size: var(--el-font-size-small-min);
				}
			}
		}
		.el-cascader-panel {
			font-size: var(--el-font-size-small-min);
		}
	}
}

/* 字体大小全局样式
------------------------------- */
// 小型字体大小
[data-fontsize='small'] {
	@for $i from 10 through 54 {
		.font#{$i} {
			font-size: calc(#{$i}px - 2px) !important;
			line-height: calc(#{$i}px + 4px);
		}
	}
}

// 默认字体大小
[data-fontsize='default'] {
	@for $i from 10 through 54 {
		.font#{$i} {
			font-size: #{$i}px !important;
			line-height: calc(#{$i}px + 6px);
		}
	}
}
// 大型字体大小
[data-fontsize='large'] {
	@for $i from 10 through 54 {
		.font#{$i} {
			font-size: calc(#{$i}px + 2px) !important;
			line-height: calc(#{$i}px + 10px);
		}
	}
}
